内容：vuex、element-ui 一、vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 仓库 ​ state、mu ...

表单数据处理是一个项目中的必不可少的内容，编写表单组件是完成复杂项目基础。本文深入整理了Vue制作表单组件的各个方面，为后续制作复杂表单组件打好基础。 处理简单数据类型 基本方法 Vue中用prop从父组件向子组件传递数据。 下面是一个简 ...

前言 大家都知道，后台管理界面不需要很酷炫的动画效果，也不需要花里胡哨的界面布局，只需要简洁易用、清爽明了的界面以便于管理数据。而现在普遍的后台管理系统的界面布局都差不多，上中下结构，然后左边是导航栏。随便贴两个Bootstrap的主题模板 ...

关于专题【vue开发音乐App】 何为listview？简单来说就是类似于我们手机自带的通讯录列表、音乐APP的歌手列表、外卖APP的分类菜单……，本文介绍的listview组件具备以下特性： 列表数据按照一定的分组依据（如热门、A、B、C ...

关于专题【vue开发音乐App】 Vuex是一个专为Vue.js应用程序开发的状态管理模式。 它可以轻而易举地处理多个页面或多个组件共享一个状态（数据）的情况，包括： 多个视图依赖于同一状态 来自不同视图的行为需要变更同一状态 Vuex的更 ...

关于专题【vue开发音乐App】 本篇介绍底部快捷控件的环形进度条的实现方法：通过svg绘制两个环，线条模糊的环作为背景、线条明亮的环根据传入的百分比绘制相应长度（即进度）。该组件同样属于基础组件，在src/base/progress-ci ...

--文末附视频教程 本文主要学习掌握 Vue 双向绑定的核心部分原理。 代码为简化版，相对比较简陋。也未考虑数组等其他处理。 欢迎一起学习交流。 一、准备工作 1. 什么是 MVVM 框架？ MVVM 是 Model-View-ViewMo ...

1. 工欲善其事，必先利其器，首先搭建我们的开发环境 首先使用npm init -y 创建初始化的配置文件，然后下载一下我们后面需要的开发依赖： npm i webpack webpack-cli webpack-dev-server ht ...

 最近学习了下Vue3的源码，抽空写一些自己对3.x源码的解读，同时算是学习的一个总结吧，也能加深自己的印象。  就先从3.x的响应式系统说起吧。 回忆  首先大概回忆一下2.x的响应式系统，主要由这几个模块组成，Observer，Watc ...

作为前端，我们每天都在与CSS打交道，那么CSS的原理是什么呢？一、浏览器渲染开篇，我们还是不厌其烦的回顾一下浏览器的渲染过程，先上图： 正如上图所展示的，我们浏览器渲染过程分为了两条主线：其一，HTML Parser 生成的 DOM 树； ...